<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        /* 
            还记得我们之前讲过2n拿到偶数,2n+1可以拿到奇数吗? 
            其实原理就是css在遍历所有子节点的时候会让n从0开始每次+1, 所以2n就会把n变成0,2,4..., 这不正是偶数吗？
            所以我们可以根据这个特点选出3,6,9,12...以及很多开发中可能遇到的需求，举点例子:
                -n+5  选到前五个
                n+5  从第五个开始选到最后
        */
        li{
            width: 200px;
            height: 20px;
        }                                                 
        /* 这样就可以选到3,6,9..的 */
        li:nth-child(3n){
            color: red;
        }
    </style>
</head>
<body>
    <ul>
        <li>111</li>
        <li>222</li>
        <li>333</li>
        <li>444</li>
        <li>555</li>
        <li>666</li>
        <li>777</li>
        <li>888</li>
        <li>999</li>
    </ul>
</body>
</html>